دسته بندی ها
19:03 1398/07/21

جمع کردن (Collapse) منوی جانبی موقع لود فرم در پنل AdminLte

مشخصات سوال کننده :
کاربر : Soltani     امتیاز کاربر : 3     رتبه کاربر : 136
دسته بندی : Html جاوا اسکریپت

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 2928
هوش مصنوعی

پاسخ هوش مصنوعی

برای جمع کردن (collapse) منوی جانبی (sidebar) در هنگام بارگذاری صفحه در پنل AdminLTE، شما می توانید از کلاس های CSS و جاوا اسکریپت استفاده کنید. در اینجا یک راهنمایی برای انجام این کار آورده شده است:

ابتدا باید اطمینان حاصل کنید که منوی جانبی شما دارای کلاس `sidebar-collapse` است. برای این کار می توانید کد HTML زیر را به کار ببرید:



سپس شما نیاز به یک کد جاوا اسکریپت دارید تا منوی جانبی را در هنگام بارگذاری صفحه به صورت جمع شده (collapsed) نمایش دهد. کد زیر را در فایل جاوا اسکریپت خود اضافه کنید:


$(document).ready(function() {
    $(".sidebar").addClass("sidebar-collapse");
});

با این کد، منوی جانبی به محض بارگذاری صفحه به صورت جمع شده نمایش داده می شود. برای باز کردن منو با کلیک کاربر، AdminLTE این قابلیت را به طور پیش فرض ارایه می دهد. کاربر می تواند با کلیک روی دکمه مربوطه منوی جانبی را گسترش دهد.

به یاد داشته باشید که اطمینان حاصل کنید کتابخانه jQuery و فایل های CSS و JS مربوط به AdminLTE به درستی در پروژه شما لینک شده باشد.

به این پاسخ امتیاز بدهید    0
امتیاز: - رتبه: -
پاسخ دهنده : mrhadiannet 23:24 1398/07/26

باید یک event تعریف نمایید که به محض لود شدن صفحه خاصیت های  dispaly و right سایدبار را دستکار نماید 

به این پاسخ امتیاز بدهید    0
امتیاز: 4 رتبه: 113
پاسخ دهنده : mohammad-i 23:24 1398/07/26

فقط کافیه کلاس " sidebar-collapse " رو به Body اضافه کنی. همین!

به این پاسخ امتیاز بدهید    3
امتیاز: 260 رتبه: 7
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود